<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <style>
            p{
                font-size: 30px;
                font-family: 黑体;
                color: black;
                line-height: 35px;
            }
        </style>
    </head>
    <body>
        <div class="container-fluid">
        <div class="navbar navbar-default">
            <div>
                <a class="navbar-brand" href="#">大牛推荐</a>
            </div>
            <div>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">欢迎登陆</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">个人中心</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container-fluid">
       <ul class="nav nav-tabs col-md-4 pull-right">
           <li class="active"><a href="#">社区</a></li>
           <li><a href="#">图吧</a></li>
           <li><a href="#">代码库</a></li>
           <li><a href="#">个人中心</a></li>
       </ul>

       <ul class="nav col-md-4">
           <li class="active"><a href="#">社区</a></li>
           <li><a href="#">图吧</a></li>
           <li><a href="#">代码库</a></li>
           <li><a href="#">个人中心</a></li>
       </ul>
</div>
    </body>
</html>